
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    {% block title %}{% endblock %}
    {% block css %}{% endblock %}

</head>

<body>
    <div id="container" class="effect aside-float aside-bright mainnav-lg">

        <header id="navbar">
            <div id="navbar-container" class="boxed">

                <div class="navbar-header">
                    <a href="/" class="navbar-brand">
                        <img src="/static/img/logo.png" alt="Nifty Logo" class="brand-icon">
                        <div class="brand-title">
                            <span class="brand-text">牛逼的主机管理</span>
                        </div>
                    </a>
                </div>



                <div class="navbar-content clearfix">
                    <ul class="nav navbar-top-links">


                        <li class="tgl-menu-btn">
                            <a class="mainnav-toggle" href="#">
                                <i class="pli-list-view icon-lg"></i>
                            </a>
                        </li>






                    </ul>
                    <ul class="nav navbar-top-links">

                        <li id="dropdown-user" class="dropdown">
                            <a href="#" data-toggle="dropdown" class="dropdown-toggle text-right">
                                <span class="ic-user pull-right">
                                    <i class="pli-male"></i>
                                </span>

                            </a>


                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right panel-default">
                                <ul class="head-list">
                                    <li>
                                        <a href="/userinfo/"><i class="pli-male icon-lg icon-fw"></i> 用户信息</a>
                                    </li>

                                    <li>
                                        <a href="/logout/"><i class="pli-unlock icon-lg icon-fw"></i> 注销</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <a href="#" class="aside-toggle">
                                <i class="pli-dot-vertical"></i>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
        </header>

        <div class="boxed">

            <div id="content-container">
                <div id="page-head">

                    <div id="page-title">
                        {% block page-title %}{% endblock %}
                    </div>

                <ol class="breadcrumb">
                    <li><a href="#"><i class="pli-home"></i></a></li>
                    <li><a href="#">Library</a></li>
                    <li class="active">Data</li>
                </ol>
                        </div>

                <div id="page-content">
					<hr class="new-section-sm bord-no">
					<div class="row">
					    <div class="col-lg-10 col-lg-offset-1">
					        <div class="panel panel-body">
					            <div class="panel-body">
					
					                {% block content %}{% endblock %}
					            </div>
					        </div>
					    </div>
					</div>

                </div>

            </div>

            <nav id="mainnav-container">
                <div id="mainnav">

                    <div id="mainnav-menu-wrap">
                        <div class="nano">
                            <div class="nano-content">

                                <div id="mainnav-profile" class="mainnav-profile">
                                    <div class="profile-wrap text-center">
                                        <div class="pad-btm">
                                            <img class="/static/img-circle img-md" src="/static/img/profile-photos/1.png" alt="Profile Picture">
                                        </div>
                                        <a href="#profile-nav" class="box-block" data-toggle="collapse" aria-expanded="false">
                                            <span class="pull-right dropdown-toggle">
                                                <i class="dropdown-caret"></i>
                                            </span>
                                            <p class="mnp-name">{{ request.user.name }}</p>
                                            <span class="mnp-desc">{{ request.user }}</span>
                                        </a>
                                    </div>
                                    <div id="profile-nav" class="collapse list-group bg-trans">
                                        <a href="/userinfo/" class="list-group-item">
                                            <i class="pli-male icon-lg icon-fw"></i> 用户信息
                                        </a>
                                        <a href="/logout/" class="list-group-item">
                                            <i class="pli-unlock icon-lg icon-fw"></i> 注销
                                        </a>
                                    </div>
                                </div>

                                <div id="mainnav-shortcut">
                                    <ul class="list-unstyled shortcut-wrap">
                                        <li class="col-xs-3" data-content="个人信息">
                                            <a class="shortcut-grid" href="/userinfo/">
                                                <div class="icon-wrap icon-wrap-sm icon-circle bg-mint">
                                                <i class="pli-male"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="col-xs-3" data-content="主机信息">
                                            <a class="shortcut-grid" href="/">
                                                <div class="icon-wrap icon-wrap-sm icon-circle bg-warning">
                                                <i class="pli-speech-bubble-3"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="col-xs-3" data-content="web SSH">
                                            <a class="shortcut-grid" href="#">
                                                <div class="icon-wrap icon-wrap-sm icon-circle bg-success">
                                                <i class="pli-computer-secure"></i>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="col-xs-3" data-content="注销">
                                            <a class="shortcut-grid" href="/logout/">
                                                <div class="icon-wrap icon-wrap-sm icon-circle bg-purple">
                                                <i class="pli-lock-2"></i>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                                <ul id="mainnav-menu" class="list-group">

						            <li class="list-header">Link List</li>

						            <li class="active-link">
						                <a href="#">
						                    <i class="pli-quill-2"></i>
						                    <span class="menu-title">远程管理</span>
						                </a>
						            </li>

						            <li>
						                <a href="/">
						                    <i class="pli-mail-love"></i>
						                    <span class="menu-title">
												<strong>主机</strong>
											</span>
						                </a>
						            </li>

						            <li>
						                <a href="#">
						                    <i class="pli-gamepad-2"></i>
						                    <span class="menu-title">
												With label
												<span class="label label-success pull-right">New</span>
											</span>
						                </a>
						            </li>

						            <li>
						                <a href="#">
						                    <i class="pli-usb"></i>
						                    <span class="menu-title">
												With badge
												<span class="pull-right badge badge-purple">7</span>
											</span>
						                </a>
						            </li>
						
						            <li class="list-divider"></li>

						            <li class="active-sub">
						                <a href="#">
						                    <i class="pli-mouse-3"></i>
						                    <span class="menu-title">批量任务</span>
											<i class="arrow"></i>
						                </a>
						

						                <ul class="collapse in">
                                            {% if request.path == '/cmd/' %}
											    <li class="active-link"><a href="/cmd/">批量命令</a></li>
                                            {% else %}
                                                <li><a href="/cmd/">批量命令</a></li>
                                            {% endif %}


                                            {% if request.path == '/file_mgr/' %}
											    <li class="active-link"><a href="/file_mgr/">文件管理</a></li>
                                            {% else %}
                                                <li ><a href="/file_mgr/">文件管理</a></li>
                                            {% endif %}
											<li><a href="#">Some else here</a></li>
											<li class="list-divider"></li>
											<li><a href="#">Separate link</a></li>
											
						                </ul>
						            </li>
						


						

						            <li class="list-divider"></li>
						


                                </ul>

                                <div class="mainnav-widget">


                                    <div class="show-small">
                                        <a href="#" data-toggle="menu-widget" data-target="#wg-server">
                                            <i class="pli-monitor-2"></i>
                                        </a>
                                    </div>

                                </div>


                            </div>
                        </div>
                    </div>

                </div>
            </nav>

            <aside id="aside-container">
                <div id="aside">
                    {% block help_box %}{% endblock %}
                </div>
            </aside>


        </div>

        <footer id="footer">

           {% block footer %}{% endblock %}
        </footer>




        <button class="scroll-top btn">
            <i class="pci-chevron chevron-up"></i>
        </button>

    </div>


{% block js %}{% endblock %}
{% block diyjs %}{% endblock %}

</body>
</html>
